<template>
    <div class="focus-list"> 
     <div class="mycollect-list"> 
      <ul class="sui-nav nav-tabs nav-large"> 
       <li class="active"><a href="#one" data-toggle="tab">收藏的文章</a></li> 
       <li><a href="#two" data-toggle="tab">收藏的企业</a></li> 
       <li><a href="#three" data-toggle="tab">收藏的吐槽</a></li> 
      </ul> 
      <div class="tab-content tab-wraped"> 
       <div id="one" class="tab-pane active"> 
        <ul class="collect-list"> 
         <li class="collect-item"> 
          <div class="intro"> 
           <div class="fl border"> 
            <span class="fa fa-thumbs-up" aria-hidden="true"></span> 
            <span class="usenum">12</span> 
            <span class="fa fa-star" aria-hidden="true"></span> 
           </div> 
           <div class="fl content"> 
            <p class="title">面试说通过了要回去等offer，现在都两周了，还说在ceo审批，两天联系hr一次，都说还在等审批什么情况？工资什么的都谈好了，也要了工资证明。面试说通过了，要回去等offer，现在都两周了还说在ceo审批，两天联系hr一次，都说还在等审批，什么情况？？工资什么的都谈好了，也要了工资证明。也工资证明。</p> 
            <p class="link"><a href="ruanyifeng.com">ruanyifeng.com</a></p> 
           </div> 
           <div class="fr info"> 
            <img src="~/assets/img/widget-photo.png" alt="" /> 
            <span class="author">本杰明</span> 
           </div> 
           <div class="clearfix"></div> 
          </div> </li> 
         <li class="collect-item"> 
          <div class="intro"> 
           <div class="fl border"> 
            <span class="fa fa-thumbs-up" aria-hidden="true"></span> 
            <span class="usenum">12</span> 
            <span class="fa fa-star" aria-hidden="true"></span> 
           </div> 
           <div class="fl content"> 
            <p class="title">面试说通过了要回去等offer，现在都两周了，还说在ceo审批，两天联系hr一次，都说还在等审批什么情况？工资什么的都谈好了，也要了工资证明。面试说通过了，要回去等offer，现在都两周了还说在ceo审批，两天联系hr一次，都说还在等审批，什么情况？？工资什么的都谈好了，也要了工资证明。也工资证明。</p> 
            <p class="link"><a href="ruanyifeng.com">ruanyifeng.com</a></p> 
           </div> 
           <div class="fr info"> 
            <img src="~/assets/img/widget-photo.png" alt="" /> 
            <span class="author">本杰明</span> 
           </div> 
           <div class="clearfix"></div> 
          </div> </li> 
        </ul> 
       </div> 
       <div id="two" class="tab-pane"> 
        <ul class="company-list"> 
         <li class="company-item"> 
          <div class="fl"> 
           <p><span class="name">传智播客</span> <span class="job">5个职位在招聘</span></p> 
           <p>学堂在线，汇集世界顶尖大学的中文MOOC平台，面向全球学子提供顶尖大学MOOC课程。</p> 
          </div> 
          <div class="fr focus"> 
           <span>关注 7</span> 
           <button class="sui-btn btn-danger btn-bordered">取消关注</button> 
          </div> 
          <div class="clearfix"></div> </li> 
         <li class="company-item"> 
          <div class="fl"> 
           <p><span class="name">传智播客</span> <span class="job">5个职位在招聘</span></p> 
           <p>学堂在线，汇集世界顶尖大学的中文MOOC平台，面向全球学子提供顶尖大学MOOC课程。</p> 
          </div> 
          <div class="fr focus"> 
           <span>关注 7</span> 
           <button class="sui-btn btn-danger btn-bordered">取消关注</button> 
          </div> 
          <div class="clearfix"></div> </li> 
        </ul> 
       </div> 
       <div id="three" class="tab-pane"> 
        <ul class="tc-list"> 
         <li class="tc-item"> 
          <div class="border"> 
           <span class="fa fa-thumbs-up" aria-hidden="true"></span> 
           <span class="usenum">12</span> 
           <span class="fa fa-star" aria-hidden="true"></span> 
          </div> 
          <div class="content"> 
           <p><a href="#">今天入职腾讯，产品岗，普通非985211大学，上家是不到五十人创业小公司！16年毕业！找内推腾讯给的面试机会，五轮面试！可能是我把运气攒一起了！</a></p> 
          </div> </li> 
         <li class="tc-item"> 
          <div class="border"> 
           <span class="fa fa-thumbs-up" aria-hidden="true"></span> 
           <span class="usenum">12</span> 
           <span class="fa fa-star" aria-hidden="true"></span> 
          </div> 
          <div class="content"> 
           <p><a href="#">今天入职腾讯，产品岗，普通非985211大学，上家是不到五十人创业小公司！16年毕业！找内推腾讯给的面试机会，五轮面试！可能是我把运气攒一起了！</a></p> 
          </div> </li> 
        </ul> 
       </div> 
      </div> 
     </div> 
    </div> 
</template>
<script>
import '~/assets/css/page-sj-person-mycollect.css'
export default {
    
}
</script>